<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
            list-style:none;
        }
        .D{
            height: 74px;
            background: url('111.jpg') repeat-x; 
        }
        .d1 img{
            height: 42px;
        margin-top: 16px;
        }
        .d1{
        height: 74px;
        width: 968px;
        margin: 0px auto;
        }
        .d1 h1{float: left;}
        .d1 ul{float: right;}
        .d1 li{float: left;}
        .d1 li{margin-right: 14px;
                padding:9px;
                margin-top: 15px;}
        
         .d1 a{
            font-size: 12px;
            text-decoration: none;
            color:rgba(255, 255, 255, 0.849);
         }
        
        
        
        
        .B{
            height: 424px;
            background: grey;
            margin: 0px auto;
            border-bottom:1px solid red;
        }
        .B .b1{
            width: 968px;
            margin:0px auto;
        }
        .B .b2{float: left;}
        .B li{
        color: rgb(150, 150, 150);
        margin-top: 14px;
        font-size: 15px;
    }
        h2{margin-top: 54px;}
        .B img{margin-top: 20px;}
        .B .good{float: right;
        }
        .A{
            width: 968px;
                height: 406px;
                background: gray;
                margin:50px auto 32px;
        }
        .A h4{margin-bottom: 9px;
            margin-top: 6px;}
        .A li{width: 217px;
            font-size: 14px;
            color: black;
            margin-bottom: 12px;
            }
        .A p{margin-bottom: 8px;
              color: rgb(150, 150, 150);
              font-size: 8px;}
            
        /* .A .a1{float: left;} */
        .A .a1 li{float: left;}
        
        .A a{text-decoration: none;}
        
        .A .a5 li{width: 315px;
            font-size: 7px;}
            .A .a5{float: right;}
            i{color: red;}
    span{color: rgb(150, 150, 150);
         margin-left: 9px;
         font-size: 13px;
         float: right;}
        .s{width: 968px;
        height: 50px;
        background: grey;
        margin:0px auto;
        border-bottom: 1px solid red;}
        .s .s1 a{color: black;
          text-decoration: none;
          font-size: 13px;
          float: left;}
          .s .s1 p{float: left;
        color: black;
        margin-left: 5px;
        font-size: 13px;
        margin-right: 5px;}
        .s .s2 a{float: right;
            text-decoration: none;}
        .s .s2 p{float: right;}
        
        


    </style>
</head>
<body>
    <div class="D">
    <div class="d1">
        <h1>
            <a href="">
                <img src="222.png" alt="">
            </a>
        </h1>
        <ul>
            <li>
                <a href="">微信网页版</a>
            </li>
        </ul>
        <ul>
            <li>
                <a href="">表情开放平台</a>
            </li>
        </ul>
        <ul>
            <li><a href="">企业微信</a></li>
        </ul>
        <ul>
            <li>
                <a href="">微信广告</a>
            </li>
        </ul>
        <ul>
            <li>
                <a href="">微信支付</a>
            </li>
        </ul>
        <ul>
            <li>
                <a href="">开放平台</a>
            </li>
        </ul>
        <ul>
            <li>
                <a href="">公众平台</a>
            </li>
        </ul>
        <ul>
            <li>
                <a href="">帮助与反馈</a>
            </li>
        </ul>
        <ul>
            <li>
                <a href="">首页</a>
            </li>
        </ul>
    </div>
    </div>
    <div class="B">
        <div class="b1">
            <div class="b2">
                <h2>微信，是一个生活方式</h2>
                   <ul>
                        <li>超过十亿人使用的手机应用</li>
                        <li>超过十亿人使用的手机应用</li>
                        <li>超过十亿人使用的手机应用</li>
                        <a href=""><img src="122.png" alt=""></a>
                    </ul>
            </div>
            <a href=""><img src="17.png" alt="" class="good"></a>
        </div>
    </div>
    <div class="A">
        <div class="a5">
            <h4>最新消息</h4>
            <ul>
                <li>微信 8.0.2 for Android 正式版发布<i>(new)</i> <span>03-25</span></li>
                <li>微信 3.2.1 for Windows 正式版发布<i>(new)</i><span>03-22</span></li>
                <li>微信 8.0.2 for iOS 正式版发布<i>(new)</i><span>02-02</span></li>
                <li>微信 2.6.1 for Mac 正式版发布<i>(new)</i><span>01-20</span></li>
                <li>关于部分 iOS 9 用户无法更新微信<i>(new)</i><span>01-28</span></li>
                <li>微信外部链接内容管理规范<span>02-11</span></li>
                <li>微信网页版 2.1 版本发布<span>01-17</span></li>
                <li>微信表情开放平台上线<span>07-29</span></li>
                <li>官方辟谣公众号开通<span>10-28</span></li>
                <a href="">查看更多</a>
        </div>
        <div class="a1">
            <a href=""><img src="1223.png" alt=""></a>
            <ul>
                <li>
                    <h4>微信网页版</h4>
                    <p>扫一扫二维码</p>
                    <p>就能在浏览器上使用微信</p>
                    <p><a href="">了解更多</a></p>
                </li>
                <li>
                    <h4>微信网页版</h4>
                    <p>扫一扫二维码</p>
                    <p>就能在浏览器上使用微信</p>
                    <p><a href="">了解更多</a></p>
                </li>
                <li>
                    <h5>微信 Windows版</h5>
                    <p>让沟通更方便</p>
                    <a href="">了解更多</a>
                </li>
            </ul>
        </div>
        <!-- <div class="a5">
            <h4>最新消息</h4>
            <ul>
                <li>微信 8.0.2 for Android 正式版发布<i>(new)</i> <span>03-25</span></li>
                <li>微信 3.2.1 for Windows 正式版发布<i>(new)</i><span>03-22</span></li>
                <li>微信 8.0.2 for iOS 正式版发布<i>(new)</i><span>02-02</span></li>
                <li>微信 2.6.1 for Mac 正式版发布<i>(new)</i><span>01-20</span></li>
                <li>关于部分 iOS 9 用户无法更新微信<i>(new)</i><span>01-28</span></li>
                <li>微信外部链接内容管理规范<span>02-11</span></li>
                <li>微信网页版 2.1 版本发布<span>01-17</span></li>
                <li>微信表情开放平台上线<span>07-29</span></li>
                <li>官方辟谣公众号开通<span>10-28</span></li>
                <a href="">查看更多</a>
        </div> -->
        </div>
        <div class="s">
            <div class="s1">
            <a href="">关于腾讯</a>
            <p>|</p>
            <a href="">服务条款</a>
            <p>|</p>
            <a href="">使用规范</a>
            <p>|</p>
            <a href="">客服中心</a>
            <p>|</p>
            <a href="">隐私保护指引</a>
            <p>© 1998 - 2021 Tencent Inc. All Rights Reserved </p>
            </div>
            <div class="s2">
                <a href="">简体中文</a>
            <p>|</p>
            <a href="">繁體中文</a>
            <p>|</p>
            <a href="">English</a>
            </div>
            </div>
            </div>
        </body>
</html>